import { Component, OnInit } from '@angular/core';

declare var Swiper:any;

@Component({
  selector: 'app-index1',
  templateUrl: './index1.component.html',
  styleUrls: ['./index1.component.css']
})
export class Index1Component implements OnInit {

  constructor() { }

  ngOnInit() {
    
    window.onload = function() {
        var mySwiper1 = new Swiper ('.swiper1', {
          
          direction: 'horizontal',
          loop: true,
          // autoplayDisableOnInteraction:true,
          autoplay:1000,
          paginationClickable :true,
          pagination : '.swiper-pagination',

          paginationBulletRender: function (swiper, index, className) {
              return '<span class="' + className + '">' +  
                  `<img width=100 height=50 src="../../../assets/img/swiperImg/show0${ index + 1 }.jpeg">` + '</span>';
          },
          
          nextButton: '.swiper-button-next',
          prevButton: '.swiper-button-prev',

      })    
      

    }
    
  }

}
